
@import './element-ui.scss';
@import './btn.scss';
@import './mixin.scss';

body {
  margin: 0;
  background-color: #F0F2F5;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family:  PingFang SC, Helvetica Neue, Helvetica,Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
}

label {
  font-weight: 700;
}

html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

.no-padding {
  padding: 0px !important;
}

a:focus,
a:active {
  outline: none;
}

a,
a:focus,
a:hover {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}

a.link{
  color: #FFA01D;
  text-decoration:underline;
}
a.nolink{
  color: #FFA01D;
}

.fr {
  float: right;
}

.fl {
  float: left;
}

.pr-5 {
  padding-right: 5px;
}

.pl-5 {
  padding-left: 5px;
}

.block {
  display: block;
}

.pointer {
  cursor: pointer;
}

code {
  background: #eef1f6;
  padding: 15px 10px;
  margin-bottom: 20px;
  display: block;
  line-height: 36px;
  a {
    color: #337ab7;
    cursor: pointer;
    &:hover {
      color: rgb(32, 160, 255);
    }
  }
}

.fade-enter-active,
.fade-leave-active {
  transition: all .2s ease
}

.fade-enter,
.fade-leave-active {
  opacity: 0;
}


.svg-icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}

.link-type,
.link-type:focus {
  color: #337ab7;
  cursor: pointer;
  &:hover {
    color: rgb(32, 160, 255);
  }
}

.clearfix {
  &:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
}


//暂时性解决diolag 问题 https://github.com/ElemeFE/element/issues/2461
.el-dialog {
  transform: none;
  left: 0;
  position: relative;
  margin: 0 auto;
}


//重写pagination分页
.el-pagination.is-background .el-pager li{
  border-radius: 16px;
}
.el-pagination.is-background .el-pager li:not(.disabled):hover{
  color: #FFA01D;
}
.el-pagination.is-background .el-pager li:not(.disabled).active{
  background-color: #FFA01D;
  color: white;
}
//重写select下拉框
.el-select .el-input.is-focus .el-input__inner{
  border-color: #FFA01D;
}
.el-select .el-input__inner:focus{
  border-color: #FFA01D;
}
.el-select-dropdown__item.selected{
  color: #FFA01D;
}
//重写table 条纹色
.el-table--striped .el-table__body tr.el-table__row--striped.current-row td,
.el-table__body tr.current-row>td, .el-table__body tr.hover-row.current-row>td,
.el-table__body tr.hover-row.el-table__row--striped.current-row>td,
.el-table__body tr.hover-row.el-table__row--striped>td, .el-table__body tr.hover-row>td{
  background-color: #fffcec;
}
//重写popover提示框
.popover-tips{
  color: #FFA01D;
  width: 260px;
  padding: 8px;
}

p.context{
  text-align: left;
  p{
    text-align: left;
  }
}

/*主页面公共样式*/
.main-content {
  width: 1200px;
  margin: 8px auto 0 auto;
  height: auto;
  overflow: hidden;
  background-color: white;
  .mc-left_title{
    height: 36px;
    text-align: left;
    padding-left: 18px;
    font-size: 18px;
    border-bottom: 2px solid #FEC171;
    margin: 12px 0 16px 0;
    background-color: white;
    float: left;
    width: 1048px;
    color: #606266;
  }
  .mc-middle_title{
    height: 52px;
    margin-top: 45px;
    font-weight: bold;
    text-align: center;
    color: #4A4A4A;
    font-size:18px;
  }
  //
  .tsd-base{
    font-size: 14px;
    width: 100%;
    float: left;
    text-align: center;
    margin: 0 auto;
    .ab-bottom{
      margin-top: 30px;
      margin-bottom: 30px;
    }
  }
  .tsd-auth_base{
    font-weight: bold;
    font-size: 18px;
    margin: 6px auto;
    span.am-title{
      font-weight: normal;
      font-size: 14px;
    }
    span.ab-title{
      font-size: 18px;
    }
    span.am-phone{
      color: #FFA01D;
      font-size: 14px;
    }
  }
  .tsd-auth_base:first-child{
    margin: 45px auto 12px auto;
  }
  .tsd-bottom{
    height: 40px;
    width: 100%;
    float: left;
    text-align: center;
  }
  .tsd-bottom:last-child{
    margin-bottom: 56px;
  }
  .register-container{
    position: relative;
    top: 33px;
    left: 688px;
    height: 480px;
    background-clip: padding-box;
    width: 440px;
    min-width: 250px;
    padding: 50px 35px 15px 49px;
    background: #fff;
    /*border: 1px solid #eaeaea;
    box-shadow: 0 0 25px #cac6c6;*/
    input{
      border-radius:0px;
    }
    .login-by-code{
      text-align: right;
      color: #FFA01D;
    }
    .el-form-item.is-required .el-form-item__label:before{
      content: '';
    }
    label{
      font-weight: normal;
    }
    label.el-radio{
      color: #FFA01D;

    }
    .el-radio__label{
      font-size: 12px;
    }
    .title {
      margin: 0px auto 40px auto;
      text-align: center;
      color: #505458;
    }
    .login-title{
      text-align: left;
      margin: 14px 0 28px 0;
      .title-first{
        font-weight: bold;
        font-size: 20px;
        color: #6C6C6C;
        padding-right: 10px;
      }
      .title-second{
        font-size: 12px;
      }
    }
  }
  .login-container {
    position: relative;
    top: 80px;
    left: 688px;
    height: 400px;
    background-clip: padding-box;
    width: 440px;
    min-width: 250px;
    padding: 15px 55px 15px 55px;
    background: #fff;
    /*border: 1px solid #eaeaea;
    box-shadow: 0 0 25px #cac6c6;*/
    input{
      border-radius:0px;
    }
    .login-by-code{
      text-align: right;
      color: #FFA01D;
    }
    .el-form-item.is-required .el-form-item__label:before{
      content: '';
    }
    label{
      font-weight: normal;
    }
    label.el-radio{
      color: #FFA01D;

    }
    .el-radio__label{
      font-size: 12px;
    }
    .title {
      margin: 0px auto 40px auto;
      text-align: center;
      color: #505458;
    }
    .login-title{
      text-align: left;
      margin: 14px 0 28px 0;
      .title-first{
        font-weight: bold;
        font-size: 20px;
        color: #6C6C6C;
        padding-right: 10px;
      }
      .title-second{
        font-size: 12px;
      }
    }
  }
  .confirm-btn{
    text-align: center;
    width: 200px;
    background-color: #FE7300;
    color:white
  }
  .confirm-btn:hover{
    text-align: center;
    width: 200px;
    background-color: #FE7300;
    color:white
  }
  .apply-btn{
    width: 200px;
    height: 40px;
  }
}

/*税控盘公共样式*/
.skp-main {
  width: 100%;
  float: left;
  background: white;
  .item-span {
    font-weight: 500;
    font-size: 10px;
    color: #FFA01D;
  }

  .nsrxx {
    width: 460px;
    height: 100%;
    margin: 0 auto;
    border: 1px solid #eceaea;

    .line-box {
      width: 100%;
      height: 40px;
      margin-top: 16px;
      .left {
        float: left;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        width: 120px;
        color: #606266;
        text-align: right;
      }
      .right {
        float: left;
        width: 300px;
        margin-left: 16px;
        height: 40px;
      }
    }
    .btn-box {
      text-align: center;
      margin-bottom: 8px;
      .certify-btn {
        width: 140px;
        margin-top: 40px;
        /*margin-bottom: 40px;*/
      }
    }

    .tsd-bottom {
      height: 32px;
      font-size: 14px;
      width: 100%;
      line-height: 32px;
      float: left;
      text-align: center;
      margin-bottom: 0;
    }
  }
  .noHardware {
    text-align: center;
    color: #606266;
    font-size: 16px;
    padding-top: 25px;
    .error{
      color: red;
      font-size: 14px;
    }
  }
  .tip-box {
    width: 380px;
    margin: 18px auto 0 auto;
    text-align: left;
    color: #666666;
    font-size: 14px;
    .title {
      color: #606266;
    }
    .text {
      margin-top: 4px;
      font-size: 13px;
      .blod {
        color: #FFA01D;
        cursor: pointer;
      }
    }
  }
  .sm-error_top{
    font-weight: bold;
    text-align: center;
    font-size: 18px;
    margin: 60px auto 20px auto;
  }
  .sm-error_mid{
    margin: 20px auto 0 auto;
    text-align: center;
    span{
      font-weight: bold;
      font-size: 16px
    }
  }
  .sm-error_middle{
    margin: 0 auto;
    padding-top: 12px;
    text-align: center;
    .se-font{
      font-size: 12px;
    }
    .fw-font{
      font-size: 14px;
      color: #FFA01D
    }
  }
  .sm-error_bot{
    margin: 56px auto 0 auto;
    text-align: center;
  }
}

/*支用还款公共样式*/
.loan-item{
  width: 700px;
  float: left;
  /*padding-left: 40px;*/
  p{
    width: 100%;
    float: left;
    font-weight: bold;
    text-align: center;
  }
  .al-data{
    width: 100%;
    float: left;
    font-size: 13px;
    margin-bottom: 16px;
    .al-button{
      margin-left: 400px;
    }
  }
  div.cell{
    text-align: left;
  }
}

/*自定义提示框公共样式*/
.base-alert {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.6);
  z-index: 9999999999;
  transition: all .5s ease-in-out;
  font: 14px PingFang-SC;
  z-index: 1000;
  .wrap {
    background-color: #FFFFFF;
    position: absolute;
    z-index: 1002;
    top: 50%;
    left: 50%;
    border-radius: 4px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    .btn-base {
      position: absolute;
      right:-11px;
      top:-11px;
      height: 22px;
      width: 22px;
      text-align: center;
      z-index: 9999;
      border: 0;
      cursor: pointer;
    }
    .btn-close{
      background: url(../assets/bussiness/close.png) no-repeat center ;
    }
    img{
      // width: auto!important;
      // height: auto!important;
      max-width: 900px;
      max-height: 600px;
    }
  }
  .ta-item{
    min-height: 480px;
    height: auto;
    .list-title{
      text-align: center;
      font-size: 16px;
      font-weight: bold;
      margin: 20px 0;
    }
  }
  a{
    font-size:14px;
    font-weight: bold;
    cursor: pointer;
    color: #FF7B1C;
    text-decoration: underline
  }
}

/*登录注册公共样式*/
.login {
  font-size: 14px;
  background-color: #f8f8f8;

  .el-item_yzm {
    .el-button {
      border: 0;
      background: none;
    }

    .el-button:focus, .el-button:hover {
      border: 0;
      background: none;
    }
  }

  button.link {
    position: absolute;
    right: 0;
    color: #FFA01D;
    padding-right: 14px;
    text-decoration: none;
  }


  .login-main {
    background-color: #fff;
    width: 1200px;
    height: calc(100vh - 90px);
    padding: 20px;
    text-align: center;

    .lm-top_title{
      font-weight: bold;
      font-size: 18px
    }
    .lm-top {
      text-align: center;
      height: 350px;
      width: 360px;
      margin: 0 auto;
      background: white;
      padding-top: calc(4vh);
      .forget-pd {
        cursor: pointer;
        text-align: right;
        color: #fca436;
        font-size: 13px;
      }
      .disabled {
        pointer-events: none;
        filter: alpha(opacity=50); /*IE滤镜，透明度50%*/
        -moz-opacity: 0.5; /*Firefox私有，透明度50%*/
        opacity: 0.5; /*其他，透明度50%*/
      }

      .login-title {
        color: #303133;
        font-weight: bold;
        font-size: 28px;
        text-align: left;
        padding-left: 32px;
        margin: 32px 0;
      }

      .register-btn {
        border-radius: 6px;
      }
      .login-method{
        color: #FFA01D;
        text-align: right;
        a:first-child{
          float: left;
          padding-left: 80px;
        }
      }
    }
    .lm-top_reg{
      width: 410px;
      padding-top: 0;
      height: auto;
      .user-span{
        font-weight: bold;
        font-size: 16px
      }
    }
    .lt-bottom{
      text-align: right;
      font-size: 12px;
      color: #FFA01D;
      cursor: pointer
    }
  }

}

/*注册组件开始*/
.el-popover--plain{
  padding: 6px!important;
}
.el-popper[x-placement^=right]{
  color: red!important;
}

a.slient-a{
  text-decoration:underline;
  color: #8b92da
}
.slient-p{
  color: red;
  margin: 0px;
  text-align: left;
  padding-left: 110px;
}
/*注册组件结束*/

.project-status{
  p{
    color: #f49205;
  }
  span{
    color: #f49205;
    font-weight: bold;
  }
}
